<?php
use \sy\base\Router;
use \blog\model\Meta;
use \blog\libs\Html;
use \blog\libs\Common;
$this->assign('show_back', TRUE);
?>
<!DOCTYPE html>
<html>
<head>
	<title><?php $article->title(); ?> - <?=Common::option('sitename')?></title>
	<?php $this->display('common/header'); ?>
	<?=Html::link()?>
</head>
<body class="default-hidden-menu">
<div class="mdl-layout">
	<?php $this->display('common/navbar'); ?>
	<main class="mdl-layout__content">
		<div class="mdl-grid article-container">
			<div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
			<div class="mdl-color--white mdl-shadow--4dp article mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
				<div class="rand-background article-title"><h3><?php $article->title(); ?></h3></div>
				<div class="mdl-card__supporting-text article-meta">
					<div class="minilogo material-icons">public</div>
					<div class="info">
						<span><?php $article->date('Y-m-d H:i:s'); ?></span>
						<span><?=Meta::tags($article->tags)?></span>
					</div>
					<div class="section-spacer"></div>
					<div class="wrapper">
						<button id="share_button" class="mdl-button mdl-js-button mdl-button--icon"><i class="material-icons">share</i></button>
						<ul id="share_list" class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="share_button"></ul>
					</div>
				</div>
				<article class="article-content markdown-body">
				<?php
				$article->body([
					'imgClass' => 'article-image',
					'addNofollow' => TRUE,
					'lazyload' => TRUE,
					'lazyloadMeta' => 'src',
					'lazyloadImage' => 'https://tianshu.alicdn.com/da5a3ec9-065c-4348-93f7-cf8a8143b527.png'
				]);
				?>
				</article>
				<div class="copyright">
					<p>除非特别声明，本站内容均为原创，采用&nbsp;<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="nofollow">BY-NC-SA（署名-非商业用途-相同方式共享）</a>&nbsp;协议进行授权</p>
					<p>转载请注明转自<a href="<?=Router::createUrl()?>"><?=Common::option('sitename')?></a>，原文地址《<a href="<?php $article->url(); ?>"><?php $article->title(); ?></a>》</p>
				</div>
				<div id="lv-container" class="comment" data-id="city" data-uid="MTAyMC8yOTYyMC82MTg4"></div>
			</div>
		</div>
		<div class="bg"></div>
		<?php $this->display('common/footer'); ?>
	</main>
	<script>loadScript('https://cdn-city.livere.com/js/embed.dist.js')</script>
</div>
</body>
</html>
